﻿<!DOCTYPE html>
<html>
  <head>
    <title>Steps 步骤条</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/steps_步骤条/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/steps_步骤条/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Group) -->
      <div id="u10726" class="ax_default">

        <!-- Unnamed (Horizontal Line) -->
        <div id="u10727" class="ax_default line">
          <img id="u10727_img" class="img " src="images/steps_步骤条/u10727.png"/>
          <!-- Unnamed () -->
          <div id="u10728" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 步骤2 (Rectangle) -->
        <div id="u10729" class="ax_default label" data-label="步骤2">
          <img id="u10729_img" class="img " src="images/steps_步骤条/步骤2_u10729.png"/>
          <!-- Unnamed () -->
          <div id="u10730" class="text" style="visibility: visible;">
            <p><span>步骤1</span></p>
          </div>
        </div>

        <!-- 步骤3 (Rectangle) -->
        <div id="u10731" class="ax_default label disabled" data-label="步骤3">
          <img id="u10731_img" class="img " src="images/steps_步骤条/步骤3_u10731.png"/>
          <!-- Unnamed () -->
          <div id="u10732" class="text" style="visibility: visible;">
            <p><span>步骤2</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u10733" class="ax_default ellipse">
          <img id="u10733_img" class="img " src="images/steps_步骤条/u10733.png"/>
          <!-- Unnamed () -->
          <div id="u10734" class="text" style="visibility: visible;">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u10735" class="ax_default ellipse">
          <img id="u10735_img" class="img " src="images/steps_步骤条/u10735.png"/>
          <!-- Unnamed () -->
          <div id="u10736" class="text" style="visibility: visible;">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u10737" class="ax_default line">
          <img id="u10737_img" class="img " src="images/steps_步骤条/u10727.png"/>
          <!-- Unnamed () -->
          <div id="u10738" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u10739" class="ax_default ellipse">
          <img id="u10739_img" class="img " src="images/steps_步骤条/u10735.png"/>
          <!-- Unnamed () -->
          <div id="u10740" class="text" style="visibility: visible;">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- 步骤3 (Rectangle) -->
        <div id="u10741" class="ax_default label disabled" data-label="步骤3">
          <img id="u10741_img" class="img " src="images/steps_步骤条/步骤3_u10731.png"/>
          <!-- Unnamed () -->
          <div id="u10742" class="text" style="visibility: visible;">
            <p><span>步骤3</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Shape) -->
      <div id="u10743" class="ax_default _形状">
        <img id="u10743_img" class="img " src="images/steps_步骤条/u10743.png"/>
        <!-- Unnamed () -->
        <div id="u10744" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Shape) -->
      <div id="u10745" class="ax_default _形状">
        <img id="u10745_img" class="img " src="images/steps_步骤条/u10745.png"/>
        <!-- Unnamed () -->
        <div id="u10746" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u10747" class="ax_default line">
        <img id="u10747_img" class="img " src="images/steps_步骤条/u10727.png"/>
        <!-- Unnamed () -->
        <div id="u10748" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 步骤2 (Rectangle) -->
      <div id="u10749" class="ax_default label" data-label="步骤2">
        <img id="u10749_img" class="img " src="images/steps_步骤条/步骤3_u10731.png"/>
        <!-- Unnamed () -->
        <div id="u10750" class="text" style="visibility: visible;">
          <p><span>步骤1</span></p>
        </div>
      </div>

      <!-- 步骤3 (Rectangle) -->
      <div id="u10751" class="ax_default label" data-label="步骤3">
        <img id="u10751_img" class="img " src="images/steps_步骤条/步骤3_u10731.png"/>
        <!-- Unnamed () -->
        <div id="u10752" class="text" style="visibility: visible;">
          <p><span>步骤2</span></p>
        </div>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u10753" class="ax_default line">
        <img id="u10753_img" class="img " src="images/steps_步骤条/u10727.png"/>
        <!-- Unnamed () -->
        <div id="u10754" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 步骤3 (Rectangle) -->
      <div id="u10755" class="ax_default label disabled" data-label="步骤3">
        <img id="u10755_img" class="img " src="images/steps_步骤条/步骤3_u10731.png"/>
        <!-- Unnamed () -->
        <div id="u10756" class="text" style="visibility: visible;">
          <p><span>步骤3</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10757" class="ax_default">

        <!-- Unnamed (Rectangle) -->
        <div id="u10758" class="ax_default box_2">
          <img id="u10758_img" class="img " src="images/steps_步骤条/u10758.png"/>
          <!-- Unnamed () -->
          <div id="u10759" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Shape) -->
        <div id="u10760" class="ax_default _形状">
          <img id="u10760_img" class="img " src="images/steps_步骤条/u10760.png"/>
          <!-- Unnamed () -->
          <div id="u10761" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Shape) -->
        <div id="u10762" class="ax_default _形状">
          <img id="u10762_img" class="img " src="images/steps_步骤条/u10760.png"/>
          <!-- Unnamed () -->
          <div id="u10763" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u10764" class="ax_default">

          <!-- Unnamed (Shape) -->
          <div id="u10765" class="ax_default _形状">
            <img id="u10765_img" class="img " src="images/steps_步骤条/u10743.png"/>
            <!-- Unnamed () -->
            <div id="u10766" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- 步骤2 (Rectangle) -->
          <div id="u10767" class="ax_default label" data-label="步骤2">
            <img id="u10767_img" class="img " src="images/steps_步骤条/步骤3_u10731.png"/>
            <!-- Unnamed () -->
            <div id="u10768" class="text" style="visibility: visible;">
              <p><span>步骤1</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u10769" class="ax_default">

          <!-- Unnamed (Shape) -->
          <div id="u10770" class="ax_default _形状">
            <img id="u10770_img" class="img " src="images/steps_步骤条/u10745.png"/>
            <!-- Unnamed () -->
            <div id="u10771" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- 步骤3 (Rectangle) -->
          <div id="u10772" class="ax_default label" data-label="步骤3">
            <img id="u10772_img" class="img " src="images/steps_步骤条/步骤3_u10731.png"/>
            <!-- Unnamed () -->
            <div id="u10773" class="text" style="visibility: visible;">
              <p><span>步骤2</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u10774" class="ax_default">

          <!-- 步骤3 (Rectangle) -->
          <div id="u10775" class="ax_default label disabled" data-label="步骤3">
            <img id="u10775_img" class="img " src="images/steps_步骤条/步骤3_u10731.png"/>
            <!-- Unnamed () -->
            <div id="u10776" class="text" style="visibility: visible;">
              <p><span>步骤3</span></p>
            </div>
          </div>

          <!-- Unnamed (Shape) -->
          <div id="u10777" class="ax_default _形状">
            <img id="u10777_img" class="img " src="images/steps_步骤条/u10777.png"/>
            <!-- Unnamed () -->
            <div id="u10778" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10779" class="ax_default label">
        <img id="u10779_img" class="img " src="images/steps_步骤条/u10779.png"/>
        <!-- Unnamed () -->
        <div id="u10780" class="text" style="visibility: visible;">
          <p><span>Steps 步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10781" class="ax_default label">
        <img id="u10781_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u10782" class="text" style="visibility: visible;">
          <p><span>基础用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10783" class="ax_default label">
        <img id="u10783_img" class="img " src="images/steps_步骤条/u10783.png"/>
        <!-- Unnamed () -->
        <div id="u10784" class="text" style="visibility: visible;">
          <p><span>引导用户按照流程完成任务的分步导航条，可根据实际应用场景设定步骤，步骤不得少于 2 步。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10785" class="ax_default label">
        <img id="u10785_img" class="img " src="images/rate_评分/u5774.png"/>
        <!-- Unnamed () -->
        <div id="u10786" class="text" style="visibility: visible;">
          <p><span>简单的步骤条。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10787" class="ax_default label">
        <img id="u10787_img" class="img " src="images/button___/u1816.png"/>
        <!-- Unnamed () -->
        <div id="u10788" class="text" style="visibility: visible;">
          <p><span>含状态步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10789" class="ax_default label">
        <img id="u10789_img" class="img " src="images/select____/u3880.png"/>
        <!-- Unnamed () -->
        <div id="u10790" class="text" style="visibility: visible;">
          <p><span>每一步骤显示出该步骤的状态。</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10791" class="ax_default">

        <!-- Unnamed (Horizontal Line) -->
        <div id="u10792" class="ax_default line">
          <img id="u10792_img" class="img " src="images/steps_步骤条/u10727.png"/>
          <!-- Unnamed () -->
          <div id="u10793" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 步骤2 (Rectangle) -->
        <div id="u10794" class="ax_default label" data-label="步骤2">
          <img id="u10794_img" class="img " src="images/typography___/u370.png"/>
          <!-- Unnamed () -->
          <div id="u10795" class="text" style="visibility: visible;">
            <p><span>已完成</span></p>
          </div>
        </div>

        <!-- 步骤3 (Rectangle) -->
        <div id="u10796" class="ax_default label" data-label="步骤3">
          <img id="u10796_img" class="img " src="images/typography___/u370.png"/>
          <!-- Unnamed () -->
          <div id="u10797" class="text" style="visibility: visible;">
            <p><span>进行中</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u10798" class="ax_default ellipse">
          <img id="u10798_img" class="img " src="images/steps_步骤条/u10798.png"/>
          <!-- Unnamed () -->
          <div id="u10799" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u10800" class="ax_default ellipse">
          <img id="u10800_img" class="img " src="images/steps_步骤条/u10800.png"/>
          <!-- Unnamed () -->
          <div id="u10801" class="text" style="visibility: visible;">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u10802" class="ax_default line">
          <img id="u10802_img" class="img " src="images/steps_步骤条/u10802.png"/>
          <!-- Unnamed () -->
          <div id="u10803" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u10804" class="ax_default ellipse">
          <img id="u10804_img" class="img " src="images/steps_步骤条/u10735.png"/>
          <!-- Unnamed () -->
          <div id="u10805" class="text" style="visibility: visible;">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- 步骤3 (Rectangle) -->
        <div id="u10806" class="ax_default label disabled" data-label="步骤3">
          <img id="u10806_img" class="img " src="images/typography___/u370.png"/>
          <!-- Unnamed () -->
          <div id="u10807" class="text" style="visibility: visible;">
            <p><span>未开始</span></p>
          </div>
        </div>

        <!-- Unnamed (Shape) -->
        <div id="u10808" class="ax_default _形状">
          <img id="u10808_img" class="img " src="images/progress____/u7689.png"/>
          <!-- Unnamed () -->
          <div id="u10809" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10810" class="ax_default label">
        <img id="u10810_img" class="img " src="images/cascader______/u4604.png"/>
        <!-- Unnamed () -->
        <div id="u10811" class="text" style="visibility: visible;">
          <p><span>有描述的步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10812" class="ax_default label">
        <img id="u10812_img" class="img " src="images/link_文字链接/u2097.png"/>
        <!-- Unnamed () -->
        <div id="u10813" class="text" style="visibility: visible;">
          <p><span>每个步骤有其对应的步骤状态描述</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10814" class="ax_default">

        <!-- Unnamed (Horizontal Line) -->
        <div id="u10815" class="ax_default line">
          <img id="u10815_img" class="img " src="images/steps_步骤条/u10727.png"/>
          <!-- Unnamed () -->
          <div id="u10816" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 步骤2 (Rectangle) -->
        <div id="u10817" class="ax_default label" data-label="步骤2">
          <img id="u10817_img" class="img " src="images/steps_步骤条/步骤3_u10731.png"/>
          <!-- Unnamed () -->
          <div id="u10818" class="text" style="visibility: visible;">
            <p><span>步骤1</span></p>
          </div>
        </div>

        <!-- 步骤3 (Rectangle) -->
        <div id="u10819" class="ax_default label" data-label="步骤3">
          <img id="u10819_img" class="img " src="images/steps_步骤条/步骤2_u10729.png"/>
          <!-- Unnamed () -->
          <div id="u10820" class="text" style="visibility: visible;">
            <p><span>步骤2</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u10821" class="ax_default ellipse">
          <img id="u10821_img" class="img " src="images/steps_步骤条/u10821.png"/>
          <!-- Unnamed () -->
          <div id="u10822" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u10823" class="ax_default ellipse">
          <img id="u10823_img" class="img " src="images/steps_步骤条/u10800.png"/>
          <!-- Unnamed () -->
          <div id="u10824" class="text" style="visibility: visible;">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u10825" class="ax_default line">
          <img id="u10825_img" class="img " src="images/steps_步骤条/u10802.png"/>
          <!-- Unnamed () -->
          <div id="u10826" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u10827" class="ax_default ellipse">
          <img id="u10827_img" class="img " src="images/steps_步骤条/u10735.png"/>
          <!-- Unnamed () -->
          <div id="u10828" class="text" style="visibility: visible;">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- 步骤3 (Rectangle) -->
        <div id="u10829" class="ax_default label disabled" data-label="步骤3">
          <img id="u10829_img" class="img " src="images/steps_步骤条/步骤3_u10731.png"/>
          <!-- Unnamed () -->
          <div id="u10830" class="text" style="visibility: visible;">
            <p><span>步骤3</span></p>
          </div>
        </div>

        <!-- Unnamed (Shape) -->
        <div id="u10831" class="ax_default _形状">
          <img id="u10831_img" class="img " src="images/steps_步骤条/u10831.png"/>
          <!-- Unnamed () -->
          <div id="u10832" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 文字1 (Rectangle) -->
        <div id="u10833" class="ax_default paragraph" data-label="文字1">
          <img id="u10833_img" class="img " src="images/steps_步骤条/文字1_u10833.png"/>
          <!-- Unnamed () -->
          <div id="u10834" class="text" style="visibility: visible;">
            <p><span>这是一段很长很长很长的描述性文字</span></p>
          </div>
        </div>

        <!-- 文字1 (Rectangle) -->
        <div id="u10835" class="ax_default paragraph" data-label="文字1">
          <img id="u10835_img" class="img " src="images/steps_步骤条/文字1_u10833.png"/>
          <!-- Unnamed () -->
          <div id="u10836" class="text" style="visibility: visible;">
            <p><span>这是一段很长很长很长的描述性文字</span></p>
          </div>
        </div>

        <!-- 文字1 (Rectangle) -->
        <div id="u10837" class="ax_default paragraph" data-label="文字1">
          <img id="u10837_img" class="img " src="images/tabs_标签页/u10393.png"/>
          <!-- Unnamed () -->
          <div id="u10838" class="text" style="visibility: visible;">
            <p><span>这个很短</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10839" class="ax_default label">
        <img id="u10839_img" class="img " src="images/button___/u1816.png"/>
        <!-- Unnamed () -->
        <div id="u10840" class="text" style="visibility: visible;">
          <p><span>居中的步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10841" class="ax_default label">
        <img id="u10841_img" class="img " src="images/link_文字链接/u2061.png"/>
        <!-- Unnamed () -->
        <div id="u10842" class="text" style="visibility: visible;">
          <p><span>标题和描述都将居中。</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10843" class="ax_default">

        <!-- Unnamed (Horizontal Line) -->
        <div id="u10844" class="ax_default line">
          <img id="u10844_img" class="img " src="images/steps_步骤条/u10727.png"/>
          <!-- Unnamed () -->
          <div id="u10845" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 步骤2 (Rectangle) -->
        <div id="u10846" class="ax_default label" data-label="步骤2">
          <img id="u10846_img" class="img " src="images/steps_步骤条/步骤3_u10731.png"/>
          <!-- Unnamed () -->
          <div id="u10847" class="text" style="visibility: visible;">
            <p><span>步骤1</span></p>
          </div>
        </div>

        <!-- 步骤3 (Rectangle) -->
        <div id="u10848" class="ax_default label" data-label="步骤3">
          <img id="u10848_img" class="img " src="images/steps_步骤条/步骤2_u10729.png"/>
          <!-- Unnamed () -->
          <div id="u10849" class="text" style="visibility: visible;">
            <p><span>步骤2</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u10850" class="ax_default ellipse">
          <img id="u10850_img" class="img " src="images/steps_步骤条/u10821.png"/>
          <!-- Unnamed () -->
          <div id="u10851" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u10852" class="ax_default ellipse">
          <img id="u10852_img" class="img " src="images/steps_步骤条/u10800.png"/>
          <!-- Unnamed () -->
          <div id="u10853" class="text" style="visibility: visible;">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u10854" class="ax_default line">
          <img id="u10854_img" class="img " src="images/steps_步骤条/u10802.png"/>
          <!-- Unnamed () -->
          <div id="u10855" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u10856" class="ax_default ellipse">
          <img id="u10856_img" class="img " src="images/steps_步骤条/u10735.png"/>
          <!-- Unnamed () -->
          <div id="u10857" class="text" style="visibility: visible;">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- 步骤3 (Rectangle) -->
        <div id="u10858" class="ax_default label disabled" data-label="步骤3">
          <img id="u10858_img" class="img " src="images/steps_步骤条/步骤3_u10731.png"/>
          <!-- Unnamed () -->
          <div id="u10859" class="text" style="visibility: visible;">
            <p><span>步骤3</span></p>
          </div>
        </div>

        <!-- Unnamed (Shape) -->
        <div id="u10860" class="ax_default _形状">
          <img id="u10860_img" class="img " src="images/steps_步骤条/u10831.png"/>
          <!-- Unnamed () -->
          <div id="u10861" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 文字1 (Rectangle) -->
        <div id="u10862" class="ax_default paragraph" data-label="文字1">
          <img id="u10862_img" class="img " src="images/steps_步骤条/文字1_u10862.png"/>
          <!-- Unnamed () -->
          <div id="u10863" class="text" style="visibility: visible;">
            <p><span>这是一段很长很长很长</span></p><p><span>的描述性文字</span></p>
          </div>
        </div>

        <!-- 文字1 (Rectangle) -->
        <div id="u10864" class="ax_default paragraph" data-label="文字1">
          <img id="u10864_img" class="img " src="images/steps_步骤条/文字1_u10862.png"/>
          <!-- Unnamed () -->
          <div id="u10865" class="text" style="visibility: visible;">
            <p><span>这是一段很长很长很长</span></p><p><span>的描述性文字</span></p>
          </div>
        </div>

        <!-- 文字1 (Rectangle) -->
        <div id="u10866" class="ax_default paragraph" data-label="文字1">
          <img id="u10866_img" class="img " src="images/steps_步骤条/文字1_u10862.png"/>
          <!-- Unnamed () -->
          <div id="u10867" class="text" style="visibility: visible;">
            <p><span>这是一段很长很长很长</span></p><p><span>的描述性文字</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10868" class="ax_default label">
        <img id="u10868_img" class="img " src="images/cascader______/u4604.png"/>
        <!-- Unnamed () -->
        <div id="u10869" class="text" style="visibility: visible;">
          <p><span>带图标的步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10870" class="ax_default label">
        <img id="u10870_img" class="img " src="images/icon_图标/u508.png"/>
        <!-- Unnamed () -->
        <div id="u10871" class="text" style="visibility: visible;">
          <p><span>步骤条内可以启用各种自定义的图标。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10872" class="ax_default label">
        <img id="u10872_img" class="img " src="images/cascader______/u4608.png"/>
        <!-- Unnamed () -->
        <div id="u10873" class="text" style="visibility: visible;">
          <p><span>简洁风格的步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Shape) -->
      <div id="u10874" class="ax_default _形状">
        <img id="u10874_img" class="img " src="images/steps_步骤条/u10777.png"/>
        <!-- Unnamed () -->
        <div id="u10875" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10876" class="ax_default">

        <!-- Unnamed (Rectangle) -->
        <div id="u10877" class="ax_default box_2">
          <img id="u10877_img" class="img " src="images/steps_步骤条/u10758.png"/>
          <!-- Unnamed () -->
          <div id="u10878" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Shape) -->
        <div id="u10879" class="ax_default _形状">
          <img id="u10879_img" class="img " src="images/steps_步骤条/u10760.png"/>
          <!-- Unnamed () -->
          <div id="u10880" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Shape) -->
        <div id="u10881" class="ax_default _形状">
          <img id="u10881_img" class="img " src="images/steps_步骤条/u10760.png"/>
          <!-- Unnamed () -->
          <div id="u10882" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u10883" class="ax_default">

          <!-- 步骤3 (Rectangle) -->
          <div id="u10884" class="ax_default label" data-label="步骤3">
            <img id="u10884_img" class="img " src="images/steps_步骤条/步骤3_u10731.png"/>
            <!-- Unnamed () -->
            <div id="u10885" class="text" style="visibility: visible;">
              <p><span>步骤2</span></p>
            </div>
          </div>

          <!-- Unnamed (Shape) -->
          <div id="u10886" class="ax_default _形状">
            <img id="u10886_img" class="img " src="images/steps_步骤条/u10886.png"/>
            <!-- Unnamed () -->
            <div id="u10887" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u10888" class="ax_default">

          <!-- 步骤3 (Rectangle) -->
          <div id="u10889" class="ax_default label disabled" data-label="步骤3">
            <img id="u10889_img" class="img " src="images/steps_步骤条/步骤3_u10731.png"/>
            <!-- Unnamed () -->
            <div id="u10890" class="text" style="visibility: visible;">
              <p><span>步骤3</span></p>
            </div>
          </div>

          <!-- Unnamed (Shape) -->
          <div id="u10891" class="ax_default _形状">
            <img id="u10891_img" class="img " src="images/steps_步骤条/u10891.png"/>
            <!-- Unnamed () -->
            <div id="u10892" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u10893" class="ax_default">

          <!-- 步骤2 (Rectangle) -->
          <div id="u10894" class="ax_default label" data-label="步骤2">
            <img id="u10894_img" class="img " src="images/steps_步骤条/步骤3_u10731.png"/>
            <!-- Unnamed () -->
            <div id="u10895" class="text" style="visibility: visible;">
              <p><span>步骤1</span></p>
            </div>
          </div>

          <!-- Unnamed (Group) -->
          <div id="u10896" class="ax_default">

            <!-- Unnamed (Ellipse) -->
            <div id="u10897" class="ax_default ellipse">
              <img id="u10897_img" class="img " src="images/steps_步骤条/u10897.png"/>
              <!-- Unnamed () -->
              <div id="u10898" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Shape) -->
            <div id="u10899" class="ax_default _形状">
              <img id="u10899_img" class="img " src="images/steps_步骤条/u10899.png"/>
              <!-- Unnamed () -->
              <div id="u10900" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10901" class="ax_default box_2">
        <img id="u10901_img" class="img " src="images/color___/u352.png"/>
        <!-- Unnamed () -->
        <div id="u10902" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
